/* project specific tailwind styles */

@layer utilities {
  @variants responsive {
    .text-shadow {
      text-shadow: 1px 0px 0px #242a35;
    }
    .text-shadow-md {
      text-shadow: 4px 4px 8px #242a35;
    }
    .text-shadow-lg {
      text-shadow: 15px 15px 30px #242a35;
    }
    .text-shadow-none {
      text-shadow: none;
    }
  }
}
/* 404 title */

@supports (-webkit-text-stroke: 1px black) {
  .four-oh-four-title {
    @apply font-extrabold;
    -webkit-text-stroke: 2px #24cc85;
    -webkit-text-fill-color: transparent;
  }
}

/* Scroll Margin top 100px */
@layer utilities {
  @variants responsive {
    .scroll-margin-top-100 {
      scroll-margin-top: 100px;
    }
  }
}
